<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Birthday Greeting</title>
    <link rel="stylesheet" href="styles.css">
    <script src="img-animate.js"></script>

    <!-- 微信分享配置 -->
    <meta property="og:title" content="祝老婆生日快乐">
    <meta property="og:type" content="game">
    <meta property="og:url" content="https://peaceful-dieffenbachia-dd1baa.netlify.app">
    <meta property="og:image" content="https://peaceful-dieffenbachia-dd1baa.netlify.app/images/04.png">
    <meta property="og:description" content="天天美丽！永远十八！">
    <meta property="og:site_name" content="Wife's Birthday">
    
    <!-- 微信特有元数据 -->
    <meta name="weixin.qq.com" content="true">
    <meta name="weixin_title" content="祝老婆生日快乐">
    <meta name="weixin_description" content="天天美丽！永远十八！">
    <meta name="weixin_url" content="https://peaceful-dieffenbachia-dd1baa.netlify.app">
    <meta name="weixin_image_url" content="https://peaceful-dieffenbachia-dd1baa.netlify.app/images/04.png">
    
    <!-- 微信文章属性 -->
    <meta property="article:published_time" content="2024-08-05T00:00:00+08:00">
    <meta property="article:modified_time" content="2024-08-05T00:00:00+08:00">
    <meta property="article:author" content="小橘子">
    <meta property="article:section" content="家庭">
    <meta property="article:tag" content="生日, 家庭, 祝福">
</head>
<body>
    <div id="greeting-container">
        <div class="top-image-wrap">
            <img src="images/02.png" alt="Top Image" class="top-image">
        </div>
        <div class="bottom-image-wrap">
            <img src="images/01.png" alt="Bottom Image" class="bottom-image">
        </div>
    </div>
    <div class="music-button" id="musicButton"></div>
    <audio id="music" src="audios/song.mp3" preload="auto"></audio>
</body>
<script src="script.js"></script>
<script src="star-script.js"></script>
<script src="music.js"></script>
</html>